<template>
    <svg :style="{width, height}">
        <use :xlink:href="prefix + name" :fill="color"></use>
    </svg>
</template>

<script setup>
import { ref } from 'vue';
const prefix = ref('#icon-')
defineProps({
    // 名字
    name: String,
    // 颜色
    color:{
        type: String,
        defaule: ''
    },
    // 宽高
    width: {
        type: String,
        default: '20px'
    },
    height: {
        type: String,
        default: '20px'
    }
})
</script>